import { LitElement, html, css } from 'lit';
import { customElement } from 'lit/decorators.js';

@customElement('lit-component')
export class WebCustomElement extends LitElement {
  static styles = [
    css`
      /* 可以在这里引入或定义 Ant Design 样式 */
    `,
    css`
      :host {
        display: block;
      }
      
      .container {
        padding: 16px;
      }
    `
  ];

  render() {
    return html`
      <div style="border: 2px solid #3498db; border-radius: 8px; padding: 16px; margin: 16px 0; background-color: #f8f9fa;">
        <button type="primary">Ant Design Style Button</button>
      </div>
    `;
  }
}
